<%@ page language="java" pageEncoding="utf-8"%>
<%@ include file="./inc/taglib.jsp"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Insert title here</title>

		<script type="text/javascript"
			src="${BASE }/lib/jQuery/jquery.min.js"></script>
		<script type="text/javascript"
			src="${BASE }/lib/bootstrap/js/bootstrap.min.js"></script>
		<link rel="stylesheet"
			href="${BASE }/lib/bootstrap/css/bootstrap.min.css" />
	</head>
	
	<body>
	
		<jsp:include page="top.jsp"></jsp:include>
	
		<div class="container-fluid">
			<div class="row">
				<div class="col-lg-2">
					<jsp:include page="left.jsp"></jsp:include>
				</div>
				<div class="col-lg-10">
					<ol class="breadcrumb">
			<li class="active">首页</li>
		</ol>
		<div class="panel panel-info">
			<div class="panel-heading">
				<p class="h3">主页</p>
			</div>
			<div class="panel-body">
				<div class="alert alert-success">
					<p>爱活动成立于2012年。爱活动app是一款基于兴趣和活动场景的时尚约玩社群电商平台。
						通过兴趣为陌生人选择人群，以晒晒、闪玩、活动等快速建立起人群关系，同时提供专业的装备推荐与精美礼品商城，
						为年轻时尚的人群提供新的生活方式与服务，约感兴趣的人一起玩。</p>
				</div>
				<div class="carousel slide" id="myCarousel">
					<!-- 轮播（Carousel）指标 -->
					<ol class="carousel-indicators">
						<li data-target = "myCarousel" data-slide-to = "0" class="active"></li>
						<li data-target = "myCarousel" data-slide-to = "1"></li>
					</ol>
					<!-- 轮播（Carousel）项目 -->
					<div class="carousel-inner">
						<div class="item active">
							<img src="${BASE }/lib/imgs/1.jpg" alt="First slide"/>
						</div>
						<div class="item">
							<img src="${BASE }/lib/imgs/2.jpg" lt="Second slide"/>
						</div>
					</div>
					<!-- 轮播（Carousel）导航 -->
					<a class="carousel-control left" href="#myCarousel" data-slide = "pre">&lsaquo;</a>
					<a class="carousel-control right" href="#myCarousel" data-slide = "next">&lsaquo;</a>
				</div>
				<script type="text/javascript">
					$('#myCarousel').carousel({
						interval:4000
					})
				</script>
			</div>
		</div>
				</div>
			</div>
		</div>
	</body>
	
</html>